import React from 'react';
class Control extends React.Component{
//值由react控制的表单输入元素就称之为受控组件
// 对受控组件的处理是：
//1.让组件的state接管vaLue属性
//2.使用onChange处理函数处理输入值,变更state控制的值
//好处能够通过state很方便的管理输入值和使用输入值,而不必去操作dom
   
    handleChange2=(e)=>{
        console.log(e.target.value);//打印的结果是value的值
        this.setState({
            sel:e.target.value
        })
    }
    render(){
        return(
            <fieldset>
                <legend>受控组件</legend>
               
                <select name="" id="" value={this.state.sel} onChange={this.handleChange2}>
                    <option value="1">a</option>
                    <option value="2">b</option>
                    <option value="3">c</option>
                    <option value="4">d</option>
                </select>
            </fieldset>
        )
    }
}
export default Control